Introduction to Computational Thinking

👀 Reading hidden code

@htl("""

<style>

body {

overflow-x: hidden;

}

</style>

<div style='

position: absolute;

z-index: 1;

left: -50vw;

width: max(1000px, 150vw);

background-image: $("url('" * imgurl(result) * "')");

margin-top: -200px;

height: 400px;

background-size: cover;

image-rendering: pixelated;

</div>

<div style='

position: absolute;

z-index: 2;

<h1 style='

background: white;

border: none;

padding: .1em .3em;

border-radius: .3em;

box-shadow: 0px 0px 10px rgba(0,0,0,.2);

'>Introduction to Computational Thinking</h1>

</div>

<div style='

218 ms

using Images

👀 Reading hidden code

36.8 s

import ImageIO

👀 Reading hidden code

940 μs

using DitherPunk

👀 Reading hidden code

3.0 ms

Gray.(rand(20,20))

👀 Reading hidden code

57.1 ms

base = [

f(x,y)

for y in 0:.005:1,

x in 0:.005:2

] .|> Gray

👀 Reading hidden code

200 ms

Gray.(d)

👀 Reading hidden code

45.9 ms

# @htl("""

# $(PlutoRunner.embed_display(result))

# """)

👀 Reading hidden code

8.0 μs

d = dither(Bool, base, FloydSteinberg());

👀 Reading hidden code

554 ms

👀 Reading hidden code

156 ms

👀 Reading hidden code

763 ms

👀 Reading hidden code

38.4 ms

using Base64

👀 Reading hidden code

126 μs

imgurl (generic function with 1 method)

imgurl(img) = "data:image/png;base64," * base64encode(io -> show(io, MIME"image/png"(), img))

👀 Reading hidden code

3.9 ms

f (generic function with 1 method)

function f(x,y)

clamp(

0.5 * (1 + sin(y * 20 + sin(y * x1 + x^x2 * x3)))

0.0,

1.0

)

end

👀 Reading hidden code

570 μs

using HypertextLiteral

👀 Reading hidden code

3.5 ms

using PlutoUI

👀 Reading hidden code

169 ms

How to collaborate on software

What is the simplest way to collaborate on project online? You can email files to each other! This works for small projects, but at some point, you will need something more suited to the task. For example:

Encyclopedia – a wiki system
School essay – Google Drive
Software project – GitHub

For software projects, people of use GitHub, or similar (git-based) tools to collaborate on their work. Why is that?

md"""

# How to collaborate on software

What is the simplest way to collaborate on project online? You can _email files to each other!_ This works for small projects, but at some point, you will need something more suited to the task. For example:

- Encyclopedia -- a wiki system

- School essay -- Google Drive

- **Software project -- GitHub**

For software projects, people of use GitHub, or similar (git-based) tools to collaborate on their work. Why is that?

"""

👀 Reading hidden code

56.1 ms

# i want to go here 👉 and not here 👉

👀 Reading hidden code

9.3 μs

Error message

Multiple expressions in one cell.

How would you like to fix it?

# i press up from here 👉

asfdasdf

asdf

👀 Reading hidden code

---

In the cloud (experimental)

On your computer

Frontmatter

Preview

Introduction to Computational Thinking

How to collaborate on software